Les bases des interfaces 
graphiques 


C+. 


الواجهات الرسومية في 
السي بلس بلس 


hichemfel@gmail.com 


Aalt‏ المؤلف 


« عندما يولد الانسان يولد معه سجل انجازاته تكون QS‏ صفحاته 
بيضاء, والانسان له القدرة على ان يتعلم ويعمل وحينها فقط يمكنه 
ملئ سجل انجازاته بإنجازات صالحة أو انجازات سيئة LS‏ يمكنه أن 
يتركه خال من الانجازات , فحياة كل انسان تقدر بما يضعه هدا 
الانسان في سجل انجازاته , والأجيال لا تتذكر الا كل انجاز صالح 


من اسلافها ....» 
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cn a 


لغة السي بلس بلس من أهم وأشهر لغات البرمجة المعروفة لدى المبرمجين حول العالم 
ودلك للمزايا والقدرات التي تتمتع بها هده الأخيرة ومن ابرز هده المزايا الواجهات 
خدمة لمبرمجي لغة السي بلس بلس نعم هي ليست خدمة كبيرة أو مميزة ولكن أعتقد 
أنها قد تنفع شخصا ما في عالم البرمجة . 

ما نحتاجه هو لغة السي بلس بلس( فيجيوال سي بلس بلس) نسخة 2008 أو 

0 او 2012 


Ie oes 


Microsoft“ 
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افتح برنامج فيجوال سي بلس بلس أي نسخة تريد ماعدا نسخة 2012 فإنها تختلف عن نسخة 
8 و 2010 سنشرحها lay‏ المهم افتح برنامج جديد كالمعتاد واختر 


. Windows Forms Application 
علي الشاشة الفورم الذي سنقوم بوضع الأدوات عليه مثل الأزرار والصور وغيرها‎ D سيظهر‎ 
— هناك شيئان مهمان في برامج الواجهات الروسومية هما شريط‎ 
gala 5 jé, ca at 
شريط الأدوات يحتوي علي الأدوات التي نستعملها في رسم‎ 
الفورم مثل أداة الزر.‎ 
شريط الخصائص فيه يمكن تحديد خصائص الأدوات التي‎ 
. استعملناها مثل الاسم واللون والطول والعرض‎ 
لدلك ادا كان غير ظاهران في برنامجك أظهرهما من شريط‎ 
المهام التعليمة‎ 


View -» Toolbox 


View -» Other Windows -» Properties 
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LOC DO 


a All Windows Forms 
Pointer 
EacktgreoewurncdNWworker 
Bincdingllavigator 
BindingSource 
Button 

CheckBox 
CheckedListBox 
ColorDialog 


AOE 7 


ComboBox 
Contextivlenustrip 
DataGridView 
DataSet 


DateTimePicker 


1 
1 
m 


ES 
= 


Directory Entry 
Directory Searcher 
Domain Up Down 
ErrorProwider 
EwentLlog 
FileSystermlvatcher 


itg Odd E 


FlIcowLasycocutParn«el 
FoelderBrowserDialog 
FontDialog 
GroupBox 
HelpProwider 


شريط الأدوات 


البرنامج الأول 


Formi System.Windows.Forms.Form 


ZEIT 177 


AccessibleRole 
Appearance 
BackColor 
BackgroundImage 
BackgroundImageLayout 
Cursor 

Font 

ForeColor 
FormBorderStyle 
RightToLeft 
RightToLeftLayout 


Default 


TT Control 
لا‎ (none) 
Tile 

Default 
Tahoma; 8pt 
ControlT ext 
Sizable 

No 

False 


LCR Forma 


UseWaitCursor 
Behavior 
AllowDrop 
AutoValidate 
ContextMenuStrip 
DoubleBuffered 
Enabled 

ImeMode 

Data 
(ApplicationSettings) 
(DataBindings) 
Tag 

Design 


Language 


False 


False 
EnablePreventFocusChange 
(none) 

False 

True 

NoControl 


(Default) 


maths 
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FICHIER -> Nouveau -> Projet 


الوجهات الرسومية في الفيجوال سي بلس بلس 2012 


بعد فتح الفيجوال تظهر الصورة 1 , ثم نتبع الاختيارات التالية 


عندها تظهر الصورة 2 نتبع الاختيارات التالية CLR -> Projet vide CLR‏ 


eq Page de démarrage - Microsoft Visual Studio 


FICHIER EDITION AFFICHAGE DEBOGUER ÉQUIPE OUTILS TEST ARCHITECTURE ANALYSER FENÊTRE 
D - fal ذل‎ > Attacher... ~ B 
3 Page de démarrage م‎ X 
m 
: 
5 VIDEOS DE PROCEDURES (DIFFUSION EN CONTINU) 


Ultimate 2012 


ES Optimisation de la 
qualité grâce aux 
tests unitaires et aux 
éléments fictifs 


Démarrer 


(EP Utilisation de 
diagrammes de 
couche pour 


concevoir et valider 
votre architecture 


Recent 


E Coordonnez votre 
équipe gráce à la 
gestion de projet 
Agile 


13555 


Pour en savoir plus, visionnez ces bréves vidéos c 


FF Utilisation de la 
fonctionnalité 


e Réalisation de 
plusieurs táches 
simultanées avec la 
page Mon travail 

qualité 


Optimisation de 
l'architecture gráce à 
la modélisation 


Gj Reproduction 
simplifiée des 
problémes 
rencontrés pen 
les tests manuel 


B Gestion des 
environnements lab 
utilisés pour les tests 


نختار الاسم المناسب e‏ مكان الحفظ 
الدي نريد حفظ البرنامج فيه وفي 
النهاية ننقر على الزر oK‏ 
ثم نضيف فورم جديد من القائمة 
PROJET -> Ajouter un‏ 
nouvel élément‏ 


عندها تظهر الصورة 3 فنختار 


Windows Form‏ <- الا 


نختار اسم الفورم وبعدها ننقر على الزر 


£ 
البرنامج الاول‎ 
و‎ & ۰ 
AFFICHAGE  DÉBOGUER ÉQUIPE OUTILS TEST ARCHITECTURE ANALYSER FENÊTRE ? : t 
FIC 5 DEBOGUER ÉQUIPE OUTILS TEST ARCHITECTURE ANALYSER FENÊTRE Ajouter un nouvel ment - Proj 1 


Trier par: Par défaut "a Rechercher Modèles installé (Ctr) ۳٢ 


NET Framework45 ` * Trier par; Nom croissant M 


4 Install 7 : 4 Visual C++ 1 MT 
| D Application console CLR Visual C++ Type: Visual C++ Windows Form Visual C++ Type: Visual C++ 


Crée un formulaire CLR contenant d'autres 
0 Contrôle utilisateur CLR Visual C++ contrôles Windows 


4 Modèles د‎ Projet vide pour la création d'une 
? Visual ]# 11 Bibliothèque de classes Visual C++ application locale Code 
LightSwitch x ug 

t 
4 Autres langages À] Nee Visual C++ alsation de 


act d'une 


D Visual Basic Données 


١ Visual CË p uc itm Fichier XML de définition dur. Visual C++ 
4 Visual C++ 


ATL Web 
gi Utilitaire 
Général erche et gestion ۸: "m 
MFC ode cloné Feuilles de propriétés 
Tet Test 
Win32 
١ Autres types de projets 
Projets de modélisation 
Echantillons 


Graphiques 
١ ligne 


١ ligne 


Nom: | ?rj 1 | 


Emplacement: C:\Users\hp\Documents\Visual Studio 2012\Projects\C++\ * | Parcourir, Nom: MF om 
Nom de solution: Proj Créer un répertoire pour la solution 


[ Ajouter au contrôle de code source Emplacement: C\Users\hp\Documents\Visual Studio 2012\Projects\C++\Proj 1\Pre + |. Parcourir. 


صورة 3 صورة 2 


حتى لا نصادف أي مشاكل مع الأدوات الغير مرئية نضيف الي الملف CDR‏ للفورم الكود التالي 
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- Explorateur de solutions 


£ 
البرنامج الا‎ 
m ه‎ - 2 ei em 
Rechercher Explorateur de solutions (Ctrl S) AA e 


Bgl] Solution 'Proj 1' (1 projet) MyForm تقابل اسم الفورم الدي اخترته‎ 
Er == ENE ېی‎ 
ES Dépendances externes Proj 1 A5 A TRU تقابل اسم المشروع‎ 
4 Si] Fichiers d'en-téte a a E cC eec 
> Mh Form. 
EH Fichiers de ressources 
4 — Xm] Fichiers sources 


++ MyPForm.cpp 


- 


كود الملف .Cpp‏ 


#include "MyForm.h" 

using namespace Proj 1; 

[STAThreadAttribute] 

int main(array<System::String "> ^args) 

{ 
Application::EnableVisualStyles(); 
Application::SetCompatible TextRenderingDefault(false); 
Application::Run(gcnew MyForm()); 
return 0; 
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البرنامج الأول 


الآن من شريط الأدوات الخاص بالأدوات البرمجية أضيف أداة الزر إلي الفورم ودلك بسحبها عن طريق 
الفارة إلى داخل الفور ) Button‏ ( 


Text OK 
BackColor Blue 
Name but aff 


نضيف إلي الفورم أداة أخري وهي label‏ غير خاصية الخط Font‏ 
ضع أي قيمة تريد لحجم الخط . في الأخير نحصل علي الشكل المقابل . 


label1->Text = " C++"; 


95 #pragma endregion 


9695 private: System::Void but aff Click(5ystem::Object^ sender, System::EventArgs^ e) 1 
97 labell->Text = "Ce"; 

38 + 

99 i 


188 |} 


البرنامج الأول 


oner Dusch ` على الصورة.‎ el او على السهم الأخضر الصغير‎ ۳5 e P 


حتى نتمكن من مشاهدة النتيجة . بالنقر علي الزر الموجود علي a) gill‏ نحصل علي نتيجة البرنامج . 


كان المثال السابق بسيط ولكن هو كبداية جيدة للدخول إلي الوجهات 
الروسومية , ادا سبق لك وان عملت علي الوجهات في برامج أخرى مثل 
جافا أو سي شارب أو دلفي لاشك وانك لاحظت انه يكتب اسم الأداة 
البرمجية ثم نقطة وبعدها الخاصية أو الميثود الخاص بالأداة مثل 


CH‏ : ملاع label1.Text =" C++";//‏ | أ 


où MyForm 


label1->Text = " C++";//EXP : C++ 
1 كما لاحظت فالفروقات بسيطة وهدا جيد لمن كان على اطلاع بالوجهات‎ 


ادا لم تفهم المثال السابق C) glad‏ مجددا حتى Y‏ نصادف مشاكل في طريقنا | 
ادا لم تكن هناك أية مشاكل , سأحاول شرح بعض الأدوات الأساسية في لغة فيجوال السي بلس بلس 
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البرنامج الأول 


1 Ei&pragna once 

الصورة المقابلة تمثل مكان كتابة الأكواد الخاص cal gals‏ الفورم * * tinclude‏ 
Ac‏ النقر عليها او باستعمال الاحداث هدا الملف نحصل علية عن { Enamespace test‏ 5 
using namespace System; m 3 ER + B NSW E . +. -‏ 6 
dob‏ | لنقر با لزر الايمن cle 5 ul‏ | لفور e‏ واختيار مشاهدة ; using namespace System: :ComponentMode]‏ 7 
الكود n‏ من خلال النقر المزدوج غا أداة موضوعة عل using namespace System: :Collections; e) sill‏ 


9 using namespace System: :Windows: :Forms; 

10 using namespace System: :Data; 

d using namespace System: :Drawing; WE ST i M SYN 
125 /// <summary> ue 6 lue a) sill الصورة نشاهد أن‎ el 15 بملاحظة السطر‎ 
+ i I is System: Windows::Forms::Form أخري وهي‎ AN مشتقة من‎ 458 


ادا الفورم عبارة عن 444 نشاهد ES‏ السطر 18 المشكل ١ - E ref class Form] : public System: ‘Windows: :Forms: :Form TY‏ 
الكائنية التوجه ولكن يسهل الامر كثيرا على من يعرفها لو أخدنا ۳ و 
المثال السابق يمكن اعتبار الزر Due‏ 5 عن خاصية تملك نو InitializeComponent(); le‏ 20 
E Il 2 Se e Gi a oe P rd D‏ 21 

معينا مثل التصريح بالمتغيرات العادية int var‏ شاهد صوره | //TOD0: Add the constructor code here‏ 2 
واعتبار حدث النقر علي الزر عبارة عن ميثود لفئة الفورم شاهد e p^‏ 
GERT‏ فى السطر 3 نلاحظ أنه يمكننا تضمين المكتبات 25 
protected: n MET p. . 1 + "DOES‏ 26 
Si‏ نحتاج اليها مثل math.h‏ وايضا ملفات .h‏ للفنات E /// <summary> Si‏ 17 
LAS‏ نحن Clean up any resources being used. ul ES]‏ /// 28 


29 /// </summary> 

30 E vForml() 

21 I 

Ji 1 

32 if (components) 
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البرنامج الأول 


1 
delete components; um 
D 
private: System::Windows::Forms::Button^ but aff;l 
private: System::Windows::Forms::Label^  labell; 


private: 
] /// <summary> 
/// Required designer variable. 
/// </summary> 


83 

d: 

91 | #pragma endregion 

32 E private: System: :Void but aff Click(System::Object" sender, System::EventArgs* e) { 
93 labell->Text = "C+"; 


" | 94 
صورة ب E‏ 
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البرنامج الأول 


"m Solution test (1 project) : 1 لرقم‎ | 


Solution Explorer "AX 


په an | EET ESL‏ | ذا 


bd External Dependencies 
F Header Files 
25] Forml.h 
al Forml.resX " ; 5 o : f 
د د‎ nli IL zali ali ZLA (ide (g isa LII laa 
n] stdafi.h . والايقونات لتجميل البرنامج‎ 


4 نتا‎ Resource Files 
iii] app.ico 3 ار قم‎ 


هدا الملف يحتوي على الملفات opp‏ الخاصة بالبرنامج 2 N perm‏ 
أو cn‏ ننشنها بأنفسنا أثناء البرمجة الكائنية التوجه مثلا . c+] AssemblyInfo.cpp‏ 
stdafx.cpp‏ تع 


C+] test.cpp 
|| ۴٣ 


الرقم 2 


: يمكن من خلاله فتح ملفات موجودة أو حذفها 


وأيضا إضافة ملفات أخرى . 
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BackColor 
ForeColor 

Text 
FormBorderStyle 
Font 

Name 

Cursor 
Backgroundimage 


BackgroundlmageLayou 


Icon 
MaximizeBox 
MinimizeBox 
StartPosition 
WindowsState 


شرح بعض الأدوات الأساسية 


تغير أو اختيار لون للخلفية. 
تغير أو اختيار لون الخط المستعمل داخل الأداة . 
اختيار عنوان (يظهر علي الأداة) وللفورم أيضا عنوان. 
das‏ 1 اختيار نوع وحدود الأداة . 
اختيار نوع خط الكتابة للعنوان أو حقل الكتابة . 
إعطاء اسم للأداة . 
شكل سهم الفأرة عند وضعة على الأداة . 
اختيار صورة للخلفية . 


طريقة عرض صورة الخلفية . 


اختيار أيقونة للفورم . 

إخفاء زر التكبير من الفورم . 

إخفاء زر التصغير من الفورم . 
BS EES‏ 17۷۷ 
شكل a y gill‏ عند تنفيذ البرنامج . 


اختيار القيمة الأعلى والأدنى لطول وعرض الفورم الممكنة . MaximumSize ,MinimumSize‏ 
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شرح بعض الأدوات الأساسية 


Button E 


الزر لديه خصائص جدول 1 وبالنقر علية مرتين بواسطة الفأرة يأخذنا إلى مكان كتابة الكود الذي ينفد عند 
النقر عليه بواسطة الفأرة . 


عندما تكون هده الخاصية خاطنة لايمكن النقر علي الأداة أثناء Enabled Aer‏ 
أظهار أو إخفاء الأداة أثناء التنفيذ . Visible‏ 
اختيار مجال الرؤيا عام أو خاص ....الخ.... Modifiers‏ 

جدول 2 
JSS‏ حدود الزر da‏ هي ثلاثية الأبعاد al‏ غير دلك . FlatStyle‏ 
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BorderStyle 
TextAlign 
Multiline 
ScrollBars 
AcceptsReturn 
AcceptsTab 
ReadOnly 


شرح بعض الأدوات الأساسية 


الخصانص : جدول1 + جدول 2 


اختيار شكل الحدود . 

اختيار موقع النص . 

تشغيل هده الخاصية يجعلها متعددة الأسطر . 
E cea bees‏ 
ena‏ 

Tab )‏ ( قبول الفراغات . 

A‏ ا 
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شرح بعض الأدوات الأساسية 


CUS e 1 1111 8 Je | label |‏ شي AUS Lia g al ia‏ ارك 
السري في الحقل المخصص لدلك فإننا سنجد LUS‏ تشير إلى دلك متلا ” أدخل 
رمز العبور من فضلك“ هده الكتابة من الجيد أن تكون داخل هده الأداة . 


ماعدا خاصية تعدد الأسطر . 


comboBox‏ حقل لعرض أو إدخال معلومات ,تشبه أداة اختيار البلد عند التسجيل في 


موقع معين . 
الخصائص : جدول1 + جدول 2 
اختيار شكل الظهور وكذلك إمكانية الكتابة أولا . DropDownStyle‏ 
خاصية تسمح بكتابة عناوين الاختيار في الأداة . Items‏ 
تحقيق هده الخاصية يمنع التغير في النص الذي DropDownStyle >DropDownList‏ 


يظهر على الأداة . 


شرح بعض الأدوات الأساسية 


comb->Items->Count comb العناصر في‎ me sale} 
comb->Items->Add(T obj) comb إضافة عنصر إلى أخر‎ 
comb->Items->AddRange(T []obj) comb إضافة مصفوفة إلى أخر‎ 
comb-»Items-»Insert(i , T obj) i إضافة عنصر في الوضعية‎ 
comb-»Items-»RemoveAt(i) | حذف العنصر دو الرتبة‎ 
comb->Items->Clear() حذف جميع العناصر‎ 
comb->Items->IndexOf(T obj) Obj العنصر‎ ås sale} 
comb->Selectedindex . رتبة العنصر المحدد‎ sale] 
comb->Selecteditem . العنصر المحدد‎ sale] 
comb->Text comb النص الظاهر على‎ sale] 
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شرح بعض الأدوات الأساسية 


. دده الأداة عبارة عن حقل لعرض المعلومات بشكل أكبر‎ listBox 


الخصائص : جدول1 + جدول 2 


هده الخاصية تمكننا من اختيار day‏ تحديد العناصر Basa gall‏ فيها هل SelectionMode‏ 


التحديد بشكل فردي أم يمكن تحديد العناصر دفعة واحدة . 


خاصية تسمح بإضافة عناصر جديدة إلي الأداة . Items‏ 


ملاحظة : تمتلك هده الأداة مجموعة من الدوال الجاهزة . وطريقة استعمالها هي نفس الطريقة التي 


رأينها مع comboBox‏ أي أن الدوال تحمل نفس الاسم , مثال إضافة عنصر جديد تكون بالشكل 
listBox1->Items->Add("Hichem");‏ 
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View 
Gridlines 
Columns 
Items 
CheckBoxes 
FullRowSelect 
MultiSelect 
HotTracking 


largelmageList 
StatelmageList 
SmalllmageList 


شرح بعض الأدوات الأساسية 


. لعرض المعلومات بشكل مرتب يشبه الجدول‎ ` listView 
2 الخصانص : جدول1 + جدول‎ 


اختيار شكل العرض . 

ادا كانت هده الخاصية محققة يعني ظهور خطوط تفصل بين الأسطر. 
إضافة أعمدة جديدة إلي الأداة طبعا يمكن اختيار عنوان للعمود وأشياء أخرى. 
إضافة عناصر جديدة إلى عمود . 

تحقيق الخاصية يظهر لنا خانات الاختيار لاختيار الأسطر التي نربد . 

تحقيق الخاصية يعني إمكانية تحديد سطر معين . 

تحقيق الخاصية يعني إمكانية تحديد عدة سطر. 

تحقيق الخاصية يعني تغير لون الأسطر عند تمرير الفأرة عليها . 

هده الخصائص تسمح بإضافة صور إلي الأداة على شكل أيقونات . 
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شرح بعض الأدوات الأساسية 


بعض العمليات الأساسية ٠‏ 


listView1->Items->Add(String“ s); 


ListViewItem “iteml = gcnew ListViewItem("",1); re 7 د د‎ 95 
الدالة الموجودة‎ il | lj 
iteml->Subltems->Add("1"); لبرامثر لي في 9 في‎ 


السطر الأول أقصد الرقم 1 هو ترتيب ;)"2"( iteml->Subltems->Add‏ 


الصورة فى أداة الصور التى نريد ;)"3"( itemi->Subltems->Add‏ 
إضافتها على شكل أيقونة listViewl->Items->Add(iteml);‏ 


ListViewItem ^item4 = gcnew ListViewItem("",1); 
item4->Subitems->Add(textBoxl->Text); 
item4->Subitems->Add(textBox2->Text); 

( 


item4->Subitems->Add(textBox3->Text); 


listViewl-»Items-»Add(item4); 


هده الأداة تحتوي على الكثير والكثير من الدوال لا سيعنى شرحها الآن ادا أردت التعمق أكثر عليك أن 
تبحث عنها أو اكتشفها من الشرح الذي يظهر عند كتابة (<- ) بعد اسم أداة أو فئة أو مساحة أسماء . 
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غير خاصيةٌ Text‏ للفورم إلى EX1‏ 


أضف إلي الفورم 3 من jé label‏ خاصية 


فيها إلي ما تشاهده على الصورة . 


| textBox1 Name  txtb name 


textBox2 Name >txtb_ovr 


Backgroundlmage 


BackgroundlmageLayou 
FlatStyle 
Name 


ForeColor 


"m " Button أضف 1 من‎ 
waa» MCE] 


غير خصائص الزر التالية 
EE‏ 


Center 
Flat 
but_save 
Control 
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1 تطبيقي‎ Qa 
ComboBox أضف 1 من‎ 


غير الخصائص التالية كما في الجدول المقابل : 


Name comb sp 

ForeColor Blue 

DropDownStyle DropDownList 

Items ماک فون‎ ` 558 Mel, ell إغلام‎ 


أضف 1 من ListBox‏ 


غير الخصائص التالية كما في الجدول المقابل : 


Name listBox v 
ForeColor Blue 
RightToLeft Yes 


ملاحظة ` الخاصية الأخيرة حتى نتمكن من الكتابة من اليمين إلى اليسار للكتابة باللغة العربية لمن يريد . 
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86677 قبل دلك أود أن أتطرق إلى شيء وهو التحويلات بين الأنواع المعروفة سأذكر بعضها. 


int var = System::Int32::Parse(String^); String 3 int 
Double var = System::Double::Parse(String^); Double var = System::Double::Parse(String*); String? > Double  ć — > Double 


System::Convert::To 


5778 22 
رسائل الأخطاء التي تحذرنا أو لتنبه المستخدم أو لتأكيد الخيارات . 


System::Windows::Forms::MessageBox::Show(msg); 


تستقبل براميثر من النوع ilala‏ نصية , سیعرض لنا البرنامج Alu‏ مع زر للتأكيد . 
وهدا ليس النوع الوحيد فهناك دوال بنفس الشكل اعيد تعريفها لتستقبل براميثرات اخري کعنوان الرسالة و 
الأيقونة التي تريد إظهارها ونوع الأزرار وعددها . 


NS ———X 


20 public ref class Forml : public System: 111 


B d 

24 private: 

25 int nb stud; 

26) publici 

210 Formi (void) 

28 | 

29 InitializeComponent () ; 


30 nb stud=0; 

31); } 

32| protected: a 1 ee 
38 /// <summary> وانقر نقرا مزدوجا بالزر‎ à sill الان اذهب إلي‎ 
34 /// Nettoyage des ressources utilisées. الأيسر للفأرة على الزر هدا سيأخذنا إلى مكان‎ 
158 (I <isumarp RS EER Gey ES ERES 
68 «Forni () CESR 
37 l 

38 if (components) 

ف الصفحة الآشة { 39 

40 delete components; ئي | ال‎ md 
1 | 

42 + } 

43) private: System: :Windows::Forms::Label* 11 


44| protected: 
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TEY 
{ 
EE 81161 
31212177 name = EXO Ene reze; 
Double oy = System: 3s Doubles Por (txt Ovr=>TexTt) ; 
312177 spec = como sp->Text; 


if (name != ""&&spec!=""&&ov>0) 

{ 
String^ و‎ = nb stud. ToStringh() |" E" name FEF ov. ToString () +" tC" spec; 
listBox deemed 
dE 


selse{ 
System: :Windows: :Forms: : MessageBox: :Show(" Error.) > 
} 


} 
3611). NT 


System: :Windows::Forms: MessageBox: : Show ("Exception."); 
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Add Class - listview 
Installed Templates 


G Visual C++ 
CLR 
Æ ATL 
MFC 
C++ 


t 
SS 
€ 
a 
m 


سنعيد نفس المثال السابق لكن هده pall‏ 8 سنستعمل البرمجة كائنية sill‏ ^ مع ListView‏ 
حتى نتمكن من استعمال البرمجة الكائنية التوجه يجب نضيف كلاس إلي البرنامج والطريقة هي 


Default 


C++ Class 


MFC Class 


ATL Simple Object 


ATL Control 


ATL Dialog 


ATL OLEDB Consumer 


ATL Property Page 


Windows Form 


MFC Class From TypeLib 


ATL Active Server Page Component 


Component Class 


MFC Class From Activex Control 


Visual 


Visual 


Visual 


Visual 


Visual 


Visual 


Visual 


Visual 


Visual 


Visual 


Visual 


Generic C++ Class 


Visual 


Class test 


Type: Visual C++ 


Pr 


Adds an empty C++ class, 9 


Wizard - listview 


Welcome to the Generic C++ Class Wizard 


Class name: 


Class test 


«h file: 


Base class: 


Access: 


Class test.h. 


public 


.Cpp file: 
Class_test.cpp 


] ل‎ virtual destructor 


] ل‎ Inline 
Managed 


Solution Explorer 
lala 
Ca Solution 'listview' (1 project) 
S- [A listview 
| (gi External Dependencies 1 EUM " 7 m , 
&- ها‎ Header Files لمزيد من التفصيل هي البرمجة الكائنية التوجه عليك بيدل الجهد لدراستها إن‎ 


n] Class test.h A 


sa co "ele CNE et 


GA Form1.resX 
[|n] resource.h 
[n] stdafx.h . . ۰ : : ne ERA 5 5 
سا‎ [E Resource Files listview بدلها‎ ess listBox إلى الواجهة الروسومية دحدګف‎ Axa 
(Hf) app.ico 
E app.rc 
B- Æ Source Files 
C++] AssemblyInfo.cpp 
C++] Class test.c P 
istview.cpp 


أضيف أيضا الأداة imageList‏ 


C+) stdafx.cpp 
~ [E] ReadMe.txt 


غير الخصائص التالية للأداة listview1‏ 


Name Listview v 
ForeColor Blue 

View Details 
Gridlines True 
HotTracking True 
SmalllmageList imageList1 
FullRowSelect True 
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من الخاصية Columns‏ أضيف أربعة أعمدة 5 jé‏ خاصية text‏ لكل عمود على الترتيب 
(الأول لا تكتب شيء) الاسم المعدل التخصص وخاصية عرض كل Widh asc‏ إلى 100 
بالنسبة للأداة imagelisti‏ من الخاصية iil Images‏ الصور التي تحب ظهورها على 


شكل أيقونات لأسطر الأداة لعلمكم كل صورة تمتلك ترتيب معين في جدول داخل أداة الصور مثلا الصورة 
الأولى تحمل الترتيب 0 i‏ 


WW Form1 " 2 
| LSU كتابة الكود‎ 


E ^‏ 
في الصفحة الموالية ستجد كود ME‏ | معدل 
Iv i i‏ التخصص 
EL M cc‏ 
std::string‏ 
daa g‏ حتى نتفادى التحويلات التي قد تصعب من عملنا . 
الحجز في الذاكرة للانواع التي تمتلك العلامة 4 

= gcnew 


Hpragma once هه‎ listview - Microsoft Visual Studio 


using namespace System; File Edit View VAssistx Project Build Debug Team Data Tools 


ref class Class test 
= تل٠ تت يا :2819 4 | ه لها ق‎ > 
j n TEN MID 
String^ nom; 5 5 
String^ sp; 


double moy; 


Form) bh 


o د‎ C:\Documents and Settingslhic 
Class test(String^,String^,double); (Global Scope) 


String^ getnom(); #pragma once 
String^ getsp(); using namespace System; 


double getmoy(); a class Class test 


> 


String“ nom; 

String“ sp; 

double moy; 

public: 

Class test(String^,String^,double); 
String^ getnom(); 

String^ getsp(); 

double getmoy(); 


oon c» un 4 LA نم‎ 


نم 
نی 


نم ka‏ 
نا زم 


استعملنا مساحة الأسماء using namespace System,‏ 
من أجل استعمال String“ & sil‏ 


نما نم د 
w‏ > 
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#include "StdAfx.h" 
#include "Class test.h" 


Class test::Class test(String^ nom ,String^ sp,double moy) 
{ 

this->nom=nom; 

this->sp=sp; 


this->moy=moy ; AN 4 


x 
} 4 Class test getsp SC E String“ Class_test::getspi) 
String“ Class_test::getnom() d مهم‎ d 
{ — 


return this->nom; 
} #include "Class test.h" 


String^ Class test::getsp() L 
( 4 Glass test::Class test(String^ nom ,String^ sp,double moy) 
return this-»sp; i 
) this->nom=nom; 
double Class test::getmoy() this->sp=sp; 
{ this->moy=moy; 
return this->moy; 1 
} EString" Class test::getnom() 


i 


1 
14 EString Class test::getsp() 


15 |{ 
16] return this->sp; 


17 |} 


19 |{ 
20 return this-»moy; 
21 |} 


return this-»nom; 
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SKS? ref class Formi ] ٢۳30/3213 once 
paie. ma 1 include "Class test.h' 


Formit{woid) 
i 


Initializecomponent(ü); 

ind_img=&8:; 

ff 

“TODO: Add the constructor code here 
ff 


قم بالتصريح بمتغير من نوع عدد صحيح LS‏ في السطر 17 وأعطيه قيمة ابتدائية كما في السطر22 
سنستعمل هدا المتغير لتحديد ترتيب الصور التي سنظهرها على شكل أيقونات لا تنسى السطر 2 . 


String” nom = txtb name-»Text; 

String” sp=comb_sp->Text; 
double moy=System: Double: :Parse(txtb_ovr->Text) ; 
Class test” cls- gcnew Class test(nom,sp,moy); 
ListViewItem ^item1 - gcnew 
ListViewlItem("",ind img); 
item1-»SubItems-»Add(cls-»getnom()); 


item1-»SubItems-»Add(cls-»getsp()); 
item1-»SubItems-»Add(cls-»getmoy()-""); 
listView1-»Items-»Add(item1); 


ind img; 
if(ind_img==3) 
ind img-0; 
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"E Form? mix النتيجة‎ 


^5 الاسم 
15.33 معدل 


مثال بسيط لكن بإمكانك عمل أشياء أكثر أهمية اغا ات > 
موظفا ما تعلمناه معا الى الآن = : چچ - 


an 


mereme 
hichem 
oussama 
imene 
kheled 
saleh 
ahlem 
ahlem 


String” nom = txtb name-»Text; 

String” sp = comb sp-»Text; 

double moy = System: :Double: :Parse(txtb_ovr->Text) ; 
ListViewItem ^item1 = gcnew ListViewItem("" 
item1-»SubItems-»Add(nom); 


ind img); 


item1-»SubItems-»Add(sp); 
item1->SubItems->Add(moy+""); 
listView1->Items->Add(item1); 
ind_img++; 
if(ind img == 3) 

ind img-0; 


H 
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Eur‏ على الأيقونة RE‏ عليها دائرة كما os‏ الصورة من قائمة الخصائص 
ننتقل عندها الى قائمة الأحداث الخاصة بالأداة . 


Properties ELK 


button1 System. Windows, Forms, Button 


17 7 


یګ uorjnjos‏ 63 |دديدد 


الأحداث هي كل الأمور التي تطرأ على الأداة مثل النقر عليها بواسطة 
الفأرة أو النقر المزدوج أو تمرير الفأرة عليها أو تغير خاصية Le‏ من = 
خواص الأداة فادا تحقق حدث ما وأردنا استعماله فى برنامجنا ما علينا Paint‏ 
سوى كتابة الكود المقابل له , فمثلا النقر المزدوج بالفأرة علي الزر أثناء eT‏ 
SES DN ule. E äs, Y] ga Le HM Leg Gladi a SI LUS A sell‏ 
كان باستطاعتنا أن نتوجه إلي قائمة الأحداث الخاصة بالزر ونختار منها SE‏ 
حدث Click ` Rd‏ ثم ننقر نقرا مزدوجا بالفأرة عليه سيفتح Een LI‏ 
البرنامج مكان كتابة الكود الخاص بهدا الزر كما كان يحدث في السابق . = 


MouseCaptureChant 
MouseClick 


Mal YA 


5 


بعض أحداث الفورم 


أثناء تشكل الفورم . Load‏ 
أثناء غلق الفورم . FormClosing‏ 


بعد غلق الفورم . FormClosed‏ 


الأحداث 
افتح برنامج جديد من نوع الوجهات الروسومية ثم اذهب الى أحداث الفورم 
Load‏ 


System::Windows::Forms::MessageBox::Show("Evt Load", "Load"); 
FormClosing 


System::Windows::Forms::MessageBox::Show("Evt FormClosing", "FormClosing"); 


System::Windows::Forms::DialogResult réponse - 
System::Windows::Forms::MessageBox::Show(" Voulez-vous vraiment quitter l'application" "Closing", 


System::Windows::Forms::MessageBoxButtons::YesNo, 
System::Windows::Forms::MessageBoxlcon::Question); 


if (reponse == System::Windows::Forms::DialogResult::No) 
e->Cancel = true; 
FormClosed 


System::Windows::Forms::MessageBox::Show("Evt FormClosed", "FormClosed"); 


أحداث الفأرة 


عند النقر بالزر الأيسر للفأرة علي الأداة . MouseDown‏ 

ادا كان موضع الفأرة على الأداة . MouseEnter‏ 

ادا سحبنا الفأرة من على الأداة . MouseLeave‏ 

ادا كانت الفأرة تتحرك على الأداة . MouseMove‏ 

عند إفلات الزر الأيسر للفأرة من الضغط . MouseUp‏ 

prem 

label1 

احداثيات الفأرة على الفورم , Text‏ 
Label2‏ 

Text 


 MouseMove coal د‎ 24 a SI CS) à y gill last ell Canal 8 


label2->Text = "( "+e->X +","+ e->Y +" )"; 
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Button 
Text Delete All 
BackColor Gray 
ListBox 


ثم الى احداث الزر التالية واكتب لكل حدث à SI‏ المقابل له , 


MouseMove 
button1->BackColor=Color::Blue; 
MouseLeave 


button1->BackColor=Color::Gray; 
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الأحداث 
ثم الى أحداث الاداة ` distBox‏ 


MouseEnter 


listBox1->Items->Add(DateTime::Now+""); 


النتيجة هي guall‏ 5 الظاهرة امامكم 


)129,271 ( احداتات القارة على القهورمر 


"UM EE ey |‏ 13:33:14 02/09/2013 
Y jl‏ نظهر في US‏ مرة احداثيات الفأرة على 13:33:15 AD‏ 
الفو 13:33:16 02/09/2013 
رم . 13:33:17 02/09/2013 

13:33:19 02/09/2013 
x‏ ; 13:33:20 02/09/2013 
Lili‏ كلما سحبنا الفأرة الى الاداة نسجل تاريخ 13:33:23 02/09/2013 
MEE:‏ 13:33:24 02/09/2013 
EE)‏ دخول KR‏ 13:33:25 02/09/2013 


ثالثا كلما كانت الفأرة على الزر يتغير لونه الى 
الأزرق . 
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شرح بعض الأدوات الأساسية 


RadioButton 


الخصائص تشبه التي مرت معنا سابقا في مضمونها وربما الإضافة هي الخاصية التي تجعل الاختيار صحيح 
افتراضيا وهي 


M 


if( radioButton-»Checked ) 


| | CheckBox 


rena e nn 


GroupBox1 
Text لون الفورم‎ 
RadioButton بداخلها ضع 3 من أداة‎ 

GroupBox2 
Text عنوان الفورم‎ 
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شرح بعض الأدوات الأساسية 


RadioButton 1 
Text AliceBlue 
RadioButton2 
Text Orchid 
RadioButton3 
Text. GreenYellow 

RadioButton4 
Text C++ 
RadioButton5 
Text CH 
RadioButton6 
Text Python 


AUS بعد‎ As il AH] ستلااحظ هده‎ 


الأكواد الموالية . 


BackColor 


ListBox 


Panel 


اختر لون تفضله 


بداخلها ضع 3 من أداة CheckBox‏ 
غير خاصية النص لها كما في الصورة (Text)‏ 


Delphi 


[v] Java 
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Vb 


40 


شرح بعض الأدوات الأساسية 


RadioButton1 
Form1::BackColor=Color::AliceBlue; 
RadioButton2 
Form1::BackColor=Color::Orchid; 
RadioButton3 
Form1::BackColor=Color::GreenYellow; 
RadioButton4 
Form1::Text=radioButton4->Text; 
RadioButton5 
Form1::Text=radioButton5->Text; 
RadioButton6 
Form1::Text=radioButton6->Text; 


Hichem Felouat - Jijel - Algerie - 2013 


CheckBox1 
listBox1->Items->Add(checkBox1->Text); 

CheckBox2 
listBox1->Items->Add(checkBox2->Text); 

CheckBox3 
listBox1->Items->Add(checkBox3->Text); 


41 


Value 
Minimum 
Maximum 
SmallChange 
LargeChange 
الاداة‎ 

Label1 
Label2 
Label3 
Label4 
Labels 
Label6 


talal 
Text 
Text 
Text 
Text 
Text 
Text 


شرح بعض الأدوات الأساسية 
HS crollBar‏ عبارة عن أشرطة للتمرير أو قد يستعملنا للحصول على قيم عن طريق المؤشر والفرق 
VScrollBar‏ بينهما بسيط الاول افقي والثاني عمودي . 


القيمة 
hScrollBar :‏ 
? 


vScrollBar : 
? 


NumericUpDown : 


? 
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. نفس الخصائص ولكن تغير القيمة يكون بالنقر وليس بالسحب‎ NumericUpDown 


القيمة التي عليها المؤشر 

القيمة الأدنى التي يصل اليها المؤشر 
القيمة الأقصى التي يصل اليها المؤشر 
القيمة الصغرى التي يتم بها التغير 
القيمة الكبرى التي يتم بها التغير 


مثال1 


42 


Value 


Minimum 
Maximum 
SmallChange 
LargeChange 


شرح بعض الأدوات الأساسية 


HScrollBar 
VScrollBar 
NumericUpDown 


50 0 0 
0 0 0 
100 1000 50 
1 1 1 
10 10 10 
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شرح بعض الأدوات الأساسية 


بعد النقر المزدوج بواسطة الفأرة وبالزر الأيسر لها على كل أداة من الأدوات الثلاث نكتب الكود المقابل لكل 


, أداة‎ 
HScrollBar1 
llabel2-»Text = hScrollBar1->Value.ToString(); 
VScrollBar1 
label4->Text = vScrollBar1->Value.ToString(); 
NumericUpDown 1 
label6->Text = 


numericUpDown1->Value.ToString(); 
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شرح بعض الأدوات الأساسية 


. يشبه الشريط الذي يعطينا نسبة التحميل . ويستعمل لإعطاء نسبة انجاز عمل معين‎ ProgressBar 


BEA‏ دږ مشروع جديد ذم أضيف الاداتین Rx ProgressBar‏ ا 
aa E‏ 


القيمة الابتدائية . Minimum‏ 


| | Maximum القيمة النهائية القصوى.‎ 
Uk i“ ER ٠. " 8 8 we 

اختيار شكل الإشارة JA‏ هي خطوط متقطعه أو ES Style‏ 

مستمرة . 

القيمة التي يشير اليها المؤشر. Value‏ 


10i 
À Ti. ing: 


SS for(int i=0;i<1001;i++) 
zA { 
1 m M UM Bar1->Value = i; 
225 E MEE TEE Progress 
m شي‎ - System::Threading::Thread::Sleep(10); 
using namespace System::Threading; } 
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TabPages 


mes LL DIN 
-] Éditeur de collections TabPage 


Membres: 


0| tabPagel 
1 57 


EE 


D 


شرح بعض الأدوات الأساسية 


TabControl 


الخصائص أغلبها مرت معنا لدلك لا دعي GY‏ نعيدها eal g‏ خاصية هي )1552( 


Propriétés tabPage2 : 

En 

4 Accessibilité 
AccessibleDescript 
AccessibleName 
AccessibleRole ` Default 

4 Apparence 
BackColor [| Transparent 
Backgroundimage [_] (aucun) 
Backgroundimage! Tile 
BorderStyle None 
Cursor Default 

> Font Tahoma; Spt 
ForeColor i ControlText 
RightToLeft No 
Tet tabPage2 


ES Statistique 


EE Point 1 
D Point 2 
IN Point 3 
IN Point 4 
I Point 5 
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شرح بعض الأدوات الأساسية 


us Ad 9 ro مثل شجرة العائلة : المهم الأشجار‎ BERN Jäi ul هده الاداة تسمح‎ TreeView 


HotTracking 
ItemHeight 
CheckBoxs 


الخوارزميات سواء الثنائية او المتعددة . 


أهم خاصية تسمح بإضافة عناصر جديدة أو أبناء للعناصر الموجودة . 
اختيار لون الخط الدي يربط بين العناصر . 

تلون العناصر أتناء تمرير الفأرة عليها. 

اختيار المسافة التي تفصل بين العناصر . 

اظهار صناديق الاختيار . 


DS 


Propriétés 60 
ELTE 


= mohemed 
i E 1 


Apparence 
BackColor 


ToolTipText 


Checked 
ContextMenu 


ContextMenuStrip 


Imagelndex 
ImageKey 


(aucun) 
m (par defaut) 
لا‎ (par défaut) 


Ajouter une racine 


Ajouter un enfant 


Le texte affiché dans l'étiquette du nœud d'arbre. 


Annuler 


صورة عند فتح الخاصية 
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شرح بعض الأدوات الأساسية 


2 مثال‎ 
Button1 
Text View 
Button2 
Text Clear 
TreeView1 
ForeColor Black 
LineColor Red 
HotTracking True 
Button2 
treeView1->Nodes->Clear(); 
Button1 
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شرح بعض الأدوات الأساسية 


array«TreeNode ^» ^ Wilaya = { gcnew TreeNode("Jijej"), 
gcnew TreeNode("Adrar"), 
gcnew TreeNode("Blida"), 
gcnew TreeNode("Tizi Ouzou") }; 
TreeNode ^ Algerie - gcnew TreeNode("Algerie", Wilaya); 


array«TreeNode ^» ^ nodAfricans - ( Algerie, 
gcnew TreeNode("Botswana"), 
gcnew TreeNode("Ghana"), 
gcnew TreeNode("Morocco")); 


array«TreeNode ^» ^ nodAmericans - ( gcnew TreeNode("Canada"), 
gcnew TreeNode("Jamaica"), 
gcnew TreeNode("Colombia")); 


array«TreeNode ^» ^ nodEuropeans - ( gcnew TreeNode("Italy"), 
gcnew TreeNode("Greece"), 
gcnew TreeNode("Spain"), 
gcnew TreeNode("England") }; 


TreeNode ^ nodAfrica = gcnew TreeNode("Africa", nodAfricans); 
TreeNode ^ nodAmerica - gcnew TreeNode("America", nodAmericans); 
TreeNode ^ nodEurope = gcnew TreeNode("Europe", nodEuropeans); 


array«TreeNode ^» ^ nodContinents = ( nodAfrica, nodAmerica, nodEurope }; 
TreeNode ^ nodWorld = gcnew TreeNode("World", nodContinents); 
treeView1-»Nodes-»Add(nodWorld); 
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شرح بعض الأدوات الأساسية 
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شرح بعض الأدوات الأساسية 


Affichage  ? Tapez ici 


Fichier Edition Affichage 7? 


اختيار اتجاه الكتابة TextDirection‏ 
اختيار شكل الظهور LayoutStyle‏ 


أهم خاصية بواسطتها يمكن اضافة ail gh‏ جديدة واختيار خصائص JS‏ قائمة على حدى items‏ 
من لون ونوعية الخط والايقونة وصورة الخلفية واتجاه الكتابة وغيرها ...... 


EE اسم‎ i — 


= | 
e 
Sélectionnez un élément et ajoutez-le à la liste ci-dessous : MenuStrip  menuStripl 
Menultem E Ajouter GE) | ع‎ 
Membres : 4 Accessibilité 


5 +) o: 
IStri, 


AccessibleName | 


'olSti 
editionToolStripMenultem [+] AccessibleRole Default 


E affichageToolStripMenultem a 4 Apparence 
toolStripMenultem1 [x BackColor لا‎ 
BackgroundImag (aucun! ) 
Backgroundlmag Tile 
Font Segoe UI; 9pt 
GripStyle Hidden 


b ImageScalingSize 16; 16 
RenderMode Professional 


RightToLeft No 

Tet menuStrip1 
TextDirecti Horizontal 

UseWaitCu Fal T 
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شرح بعض الأدوات الأساسية 


أضيف ail gall‏ كما في الصورة المقابلة ودلك بتحديد | | ud MyForm‏ 
الشريط lan‏ سيتيح لك اضافة قوائم جديدة وأيضا 1 Fichier Edition Affichage‏ 
P esty he‏ ل lesus ute‏ 

ما نريد . 

اختر القائمة الأولى وأضيف اليها 3 قوائم فرعية 

أخرى 


all MyForm 


Edition Affichage ? Tapez ici 


Application::Exit(); 
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شرح بعض الأدوات الأساسية 


| مكحي كه 


Éditeur de collections Title 


z | 


Membres : 


omn! 


Propriétés Titlel : 


Supprimer 


BackGradientStyle [ ] None 


DockingOffset 
Obtient ou définit le décalage de la position du 


titre ancré. La valeur du décalage peut être un .. 


3 mla 
| Se | 4 Ancrage zi 
لا‎ Alignment MiddleCenter 
DockedToChartAre NotSet a 
Decking Top 
DockingOffset o 
IsDockedInsideCha True 
4 Apparence 
(Text) ETUDIANTS 
(Visible) True 
BackColor 


[ OK ] Annuler 


Editeur de collections Cata 000000 


Membres : 


D ChartAreal 


Propriétés ChartAreal : 


EI 

4 3D 

, 

4 Alignement 
AlignmentOrientat Vertical 
AlignmentStyle All 
AlignWithChartAre NotSet 

4 Apparence 
(Visible) True 
BackColor m Black 
BackGradientStyle E ] VerticalCenter 
BackHatchStyle لا‎ None - 

Area3DStyle 

Style 3D d'une zone de graphique. 


IL m |‏ ها 


(Text) 


Titles 


AUS‏ عنوان للمخطط 


الصورة 1 تظهر عند اختيار هده الخاصية ستجيد 
Win,‏ الكثير من الخواض النتعلفة بانط ى الالوات 
وبعض الأشياء التجميلية عليك اكتشافها . 


Area3DStyle 


chartAreas 
فى هده الخاصية امكانية تفعل‎ asi 


g ab ATI SGI JEAN‏ يكن ايها 
تغير زوايا المخطط . 


الصورة 2 تظهر عند اختيار هده الخاصية ستجيد حينها 
الكثير من الخواص المتعلقة بالألوان وبعض الأشياء 
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التجميلية عليك اكتشافها . 


53 


شرح بعض cal gat)‏ الأساسية 
الفورم المقابل طبعا مع اضافة Cf) S|‏ 
أداة عمل المخططات الاحصائية 
وغير الخصائص المطلوبة كما تريد 
وأقصد العنوان واللون والشكل . 


النتيجة بعد ادخال المعطيات والنقر على 
الزر . 


Hichem Felouat - Jijel - Algerie - 2013 54 


شرح بعض الأدوات الأساسية 


try{ 
int etud1 = System::Int32::Parse(textBox1-»Text); 


int etud2 = System: :Int32::Parse(textBox2->Text); 
int etud3 = System: :Int32::Parse(textBox3->Text); 
int etud4 = System: :Int32::Parse(textBox4->Text) ; 
int etud5 = System: :Int32::Parse(textBox5->Text); 


chart1->Series->Clear(); 
System: :Windows: : Forms: :DataVisualization: : 617311118 : : 511654“ s=gcnew System: Windows: : Forms: : 
DataVisualization::Charting::Series(); 
s-»Points-»AddY(etud1); 
s-»Points[0]-»Label-"1er"; 
s->Points[@]->Color=Color: :Magenta; 
s->Points->AddY(etud2); 
s->Points[1]->Label="2eme"; 
s->Points[1]->Color=Color::Blue; 
s->Points->AddY(etud3); 
s->Points[2]->Label="3eme" ; 
s->Points[2]->Color=Color: Green: 
s-»Points-»AddY(etud4); 
s->Points[3]->Label="4eme" ; 
s->Points[3]->Color=Color: : Yellow; 
s-»Points-»AddY(etud5); 
s->Points[4]->Label="5eme" ; 
s->Points[4]->Color=Color: :RosyBrown; 
s->ChartType=SeriesChartType: :Pie; 
chart1->Series->Add(s); 


} 
catch(...){ 
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s->ChartType=SeriesChartType::Pie; 


في الكود السابق غير هده التعليمة الي : 


s->ChartType=Seri hartType: :Line; 


mE يم‎ lee) سكحه»‎ ts | 
ar T s->ChartType=SeriesChartType: :Column; 
2 الستة‎ Aub sac 22 ce yp = ČI ال‎ e . 1 y " e و‎ 
3 الستة‎ alb sa 33 
4ه‎ air ححد طلية‎ 11 
a MyForm 

44 ححد ab‏ الستة 5 

x 11‏ طلية الستة 1 

ETUDIANTS 
2 الستة‎ aib xc 22 oK 
Series1 
3 الستة‎ ak حدد‎ 11 
dai طلية‎ Lx 33 


ححح طلية الستة 5 


Membres 
0 + SEIN 
LabelToolTip ^ 
né SmartLabelStyle 
4 Graphique 
ChartArea ChartAreal 
[M] Candlestick [+ 
4 Légende 
IsVisibleInLegend True 5 
سا دس‎ Series -> ChartType 
LegendToolTip 
4 Marqueur - 
—À | pm up I E e اد باو الدي تريث‎ de SCH EE الكثير من‎ We 
OK s->ChartType=s sCh: ls التعليمة السايقة‎ cal Ali 
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شرح بعض الأدوات الأساسية 


DateTimePicker 
MaxDate . تحديد أكبر تاريخ ممكن الوصول اليه‎ 
MinDate . تحديد أصغر تاريخ ممكن‎ 
Value . التاريخ الدي تشير اليه الأداة‎ 


samedi 12 octobre 2013 + | 1 jeudi 8 mars 2018 + 
; : jeudi 8 mars 2018 


21:09:05 


// label1->Text=dateTimePicker1->Value+""; 
DateTime ^date = gcnew DateTime(); 
date = dateTimePicker1->Value; 
label1->Text = date->ToLongDateString(); 
label2-»Text = date-»ToLongTimeString(); 
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شرح بعض الأدوات الأساسية 


MonthCalendar 


بعض الخصائص التي تميزها عن الأداة السابقة . 


اختيار اليوم الدي يكون كبداية _FirstDayOfWeek gpa‏ 
اختيار عدد الأيام التي يمكن اختيارها دفعة واحدة . 


FirstDayOfWeek 
MaxSelectionCount 
ShowToday 
ShowTodayCircle 


ShowWeekNumbers 


اظهار تاريخ اليوم . 
تلوين وتميز تاريخ اليوم . 
اظهار أرقام الأسابيع . 


F MyForm A a Em“) 


{ juin 2013 d 


lun. mar. mer. jeu. ven. sam. dim. 
8 29 3% 31 1 2 
4 5 6 7 8 9 
11 12 13 14 15 16 
18 19 2 2 2 2 
5 2% 27 8 99» 
23 4 5 6 7 
Û Aujourd'hui : 12/10/2013 


re 


samedi 12 octobre 2013 


mad 11 jun 2013 v 


OK 


DateTime “date = gcnew DateTime(); 


date = monthCalendar1->TodayDate; 
label1->Text = date-»ToLongDateString(); 


monthCalendar1->SetDate(dateTimePicker1->Value); 
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شرح بعض الأدوات الأساسية 


الأدوات الغير مرئية 


. أداة تقوم بإنجاز عمل محدد كل فترة زمنية محددة , هده الفترة يحددها المبرمج‎ Timer 


بواسطة هده الخاصية يمكن تشغيل وتوقيف الأداة . Enabled‏ 
المدة الزمنية التي تنتظرها الأداة حتى تعيد تنفيد العمل المطلوب تحدد هده المدة بالميلي ثانية . Interval‏ 
الحدث الدي نكتب الكود بداخله كما يمكن الوصول اليه عن طريق النقر المزدوج على الاداة . Tick‏ 


re ===) 
| LongTime : label? . 1 7 
E Timer أضيف الاداة‎ 
ShortTime : label ۰ 


LongDate : label6 | ta aa Ls ES SNR xv شكل الفورم‎ 


ShortDate : labels 


| Marche | Arret | 
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شرح بعض الأدوات الأساسية 


الكود الخاص بالأزرار Button1(Marche) ٠‏ 


timer1->Enabled = true; 
Button2(Arret) 
timer1->Enabled = false; 


Enabled True Timer : خصائص الأداة‎ 


0 تنفيد العمل كل 1 Interval . Agi‏ 


DateTime ^d = gcnew DateTime(); 
d = DateTime: : Now; 


label2->Text = d->ToLongTimeString(); 
label4->Text = d->ToShortTimeString(); 
mercredi 18 septembre 2013 

label6->Text = d->ToLongDateString(); 
label8-»Text = d-»ToShortDateString(); 


18/09/2013 


. تعني التاريخ والوقت في هده اللحظة‎ Now 
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شرح بعض الأدوات الأساسية 


. أداة تستعمل لفتح علبة حوار , حتى نتمكن من فتح ملفات أو صور أو غير دلك‎ OpenFileDialog 
أداة تستعمل لفتح علبة حوار لحفظ الملفات أو الصور التي قام البرنامج بمعالجتها‎ 


String“ FileName 
String’ Filter 

int Filterindex 

String’ InitialDirectory 
DialogResult.ShowDialog 


SaveFileDialog 


خاصية تحمل رابط الملف أو الصورة أو أي شيء يراد فتحه d‏ حفظه . 
خاصية لتحديد أنواع الملفات التي تظهر عند فتح علبة الحوار . 


اختيار رقم الملف الدى نقترحه للظهور عند فتح علبة الحوار . 


الملف الدي نقترحه علي المستخدم ليتم فيه الحفظ . 


() 
DialogResult 


دالة لفتح yl gall Aale‏ وترجع قيمة من النوع 


a Enregistrer sous 


CS {E Bureau > 


> ~ | وه‎ || rechercher aa 


Ke Favo = ٢ ۷ Ordinateur 
BEES Bureau — o 
El Emplacements ré 
UR Téléchargement: E هغه‎ Réseau 
EE vidéos م‎ , 
E sibrothèques m مسبت ير‎ 
À Documen (s) 1 1,00 Kc 
=] Images NetBeans IDE 6.9.1 
aP Musique LC" Raccourci 
EE vidéos Le 


2.03 Kc 
SS Prezi Desktop 
H 


7 پس هه 


ee res NS 


A 
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شرح بعض الأدوات الأساسية 


E shale كر‎ I ل‎ ee I 
. الأدوات كما في الصورة‎ 


ee e 
Button1(Open) 

Text Open 
Button2(Save) 

Text Save 
PictureBox1 

SizeMode StretchImage 
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شرح بعض الأدوات الأساسية 


اكتب كود الزرين كما في الجدول التالي : 


Button1(Open) 


if (openFileDialog1->ShowDialog()==System: :Windows: : Forms: :DialogResult::OK) 
{ 
pictureBox1->Image = System: :Drawing: : Image: :FromFile(openFileDialog1->FileName, true); 


} 
Button2(Save) 


if (saveFileDialog1->ShowDialog()==System::Windows::Forms::DialogResult::0K) 
{ 


} 


pictureBox1->Image->Save(saveFileDialog1->FileName+".JPEG"); 


ud MyForm | =e 
s. م‎ llons. 
Organiser v Nouveau dossier Se me 7 | Organiser + Nouveau dossier e 
^ "HX. agmen 
t Favoris > Bibliothèque Images سم همه‎ X Fors > Bibliotheque Images Beamer Des 
E Bureau Echantillons d'images E Bureau Echantillons d'images 
T Emplacements À] Emplacements ré 
ıl} Téléchargemen e E 1 n Téléchargement: = 
Vidéos 3 ۸ + Fa B Vidéos 
1 - 
(53 Bibliothèques Chrysanthème Désert Hortensias Méduses F Bibliothèques 
F Documents "— 7 Documents 
[e] Images | e | SS Images 
Open d Musique E d Musique 
B Vidéos Koala Phare Manchots Tulipes B Vises 
Save 
"E Ordinateur Nom dufichier: | 
lu ler: 
& Disque local ) > | 
Type: 
Nom du fichier: Manchots S 
kraje" 2 delen EAE 
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شرح بعض الأدوات الأساسية 


fontDialog 


colorDialog 


sl تت‎ LA NT اتح مشروع جديد وأضيف‎ A, 
. ثم أضيف الأدوات كما في الصورة‎ , 


. تت‎ | Button1(Color) 
| Text Color 
| Button2(Font) 
Text Font 
TextBox1 
BorderStyle FixedSingle 
ScrollBars Vertical 
Multiline True 


fontDialog1 57 colorDialog1 
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شرح بعض الأدوات الأساسية 


اكتب كود الزرين كما في الجدول التالي ` 


Button1(Color) 


if (colorDialog1->ShowDialog()==System::Windows::Forms::DialogResult::0K) 
{ 


} 


textBox1->ForeColor = colorDialogi->Color; 


Button2(Font) 


if (fontDialog1->ShowDialog()==System: Windows: : Forms: :DialogResult: :OK) 


{ 
textBox1->Font = fontDialog1->Font; 


Tempus Sans ITC 
Times New Roman | | 
Traditional Arabic ~ 


Effets 


| |] Barré 


` |] Souligné 
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شرح بعض الأدوات الأساسية 
FolderBrowserDialog‏ أداة تستعمل لفتح علبة حوار , حتى نتمكن من اختيار ملف او انشاء ملف 


جديد. 


.105 افتح مشروع جديد وأضيف أداة الحوار السابقة الى الفورم , ثم أضيف زر كما في الصورة 1. 


où MyForm | = 


لها | = لف 
Rechercher un dossier ud MyForm‏ 


RE Bureau 
(a Bibliothèques 
B hichem 
jl Ordinateur 
E Réseau 
Panneau de configuration 


E Corbeille 


= folderBrowserDialogl 


1355 


| Créer un nouveau dossier ] (oa ) Annuler ] 


if (folderBrowserDialog1->ShowDialog()==System::Windows::Forms::DialogResult::0K) 
d 


String“ path = folderBrowserDialog1->SelectedPath; 
System: : Windows: : Forms: :MessageBox: :Show(path, "path"); 


Hichem Felouat - Jijel - Algerie - 2013 66 


شرح بعض الأدوات الأساسية 


تحديد المدة التي تبقى فيها الملاحظة ظاهرة على الأداة (بالميلي ثانية ).<< AutoPopDelay‏ 
تحديد المدة التي تمكثها الفأرة علي الاداة حتي تظهر الملاحظة (بالميلي ثانية ) dnitialDelay ١.‏ 
لظهور الملاحظة علي JSG‏ فقاعة . isBalloon‏ 
اختيار أيقونة للملاحظة التي تظهر . ToolTiplcon‏ 
كتابة عنوان للملاحظة التي تظهر . ToolTipTitit‏ 
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Ana Ali 


.)1 نتطرق في هدا المثال الي طريقة التعامل مع الملفات النصية . 


Button1(Open) 

Text Open 
Button2(Save) 

Text Save 
Button3(Font) 

Text Font 
za ; أضيف الأدوات التالية أيضا‎ | Button4(Color) 
| Text Color 
OpenFileDialog TextBox1 


SaveFileDialog BorderStyle FixedSingle 
fontDialog ScrollBars Vertical 
colorDialog Multiline True 
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Dre Er 
= a 

سا 
سا 


TX 


Button1(Open) 


if (openFileDialog1->ShowDialog()==System::Windows::Forms::DialogResult::0K) 

{ 

StreamReader^ sr = File: :OpenText(openFileDialog1->FileName) ; 

try 

{ 

String’ s 
while ( s 
{ 
textBox1->Text=textBox1->Text+s+Environment: :NewLine; 
} 

} 

catch(...){ 


} 
finally 


{ 
if ( sr ) 
delete (IDisposable^)(sr); 
} 
} 
؛--"ا|‎ 0 09۷9293ظ٩‎ ۲۷۷۱ ۴ ؛غغ/۱۴۷څ۷څ٧۴۱۶۷۴۱((‎ (۱۶ (07981120202220 


sr->ReadLine() ) 
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Ana AM 


Button2(Save) 


if (saveFileDialog1-»ShowDialog()--System::Windows::Forms::DialogResult::OK) 
{ 


String" path =saveFileDialog1->FileName+".txt"; 


if ( lFile::Exists( path ) ) 

{ 

StreamWriter^ sw = File::CreateText( path ); 
try 

{ 

sw->WriteLine( textBox1->Text ); 

} 

catch(...)( 


} 
finally 


{ 

if ( sw ) 

delete (IDisposable^)sw; 
} 

} 

} 
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ETE 


Button3(Font) 


if (fontDialog1->ShowDialog()==System::Windows::Forms::DialogResult::0K) 


{ 
textBox1->Font = fontDialog1->Font; 


} 
Button4(Color) 


if (colorDialog1->ShowDialog()==System: Windows: : Forms: :DialogResult::OK) 
{ 


textBox1->ForeColor = colorDialogi->Color; 


opencv core220d.lib 
opencv imgproc220d.lib 
opency_highgui220d.lib 
opencv mi220d.lib 
opencv video220d.lib 


opena i: ے‎ calib3d220d. 

opencv . ECKE lib 

opencv contrib220d.lib = 

opencv legacy220d.lib Organiser > Nouveau dossier 

opencv flann220d.lib 

opencv core220.lib ES videos = Nom Modifié le 

opencv imgproc220.lib 

opencv highgui220.lib sema J english 1 24/04/2013 18:52 

sperma nai BE Saone E de img 14/09/2013 15:40 

opencv video220.lib E3 Documents 

opencv features2d220.lib es B do informatique 10/08/2013 19:26 

opencv calib3d220.lib =] Images 23/09/2013 16:04 
30/08/2013 19:56 


opencv objdetect220. lib 5 
— E a Musique 
10/08/2013 19:04 


E videos 
02/09/2013 12:20 
Ll | epencvh 26/09/2013 16:10 
] 


22% Ordinateur 
& Disque local (C:) 


= še 


Nom du fichier: | 


Type: [ 


Cacher les dossiers‏ هم 
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#include "Myfile.h" 
using namespace System: :10; 
void Myfile::file write(String^ path,String^ cont) 


{ 

if ( !File::Exists( path ) ) 

{ 

StreamWriter sw = File::CreateText( path ); 
try 


sw->WriteLine( cont ); 


} 

catch(...){ 

} 

finally 

{ 

if ( sw ) 

delete (IDisposable^)sw; 
}} } 


void Myfile::file read(String^ path,System::Windows::Forms::TextBox^ txtbox) 


{ 
StreamReader^ sr = File::OpenText(path); 


try 

1 

String” 5 
while ( s 
{ 
txtbox->Text=txtbox->Text+s+Environment: :NewLine; 
} 


} 
catch(...){ 


A 
sr-»ReadLine() ) 


finally 

{ 

if ( sr ) 

delete (IDisposable^)(sr); 
} 

} 
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مثال 2 
أضيف الى المشروع كلاس . 


#pragma once 
using namespace System; 


ref class Myfile 

{ 

public: 

void file write(String^,String^); 
void file read (String^, 

System: :Windows::Forms::TextBox^); 


ie 


POETA 


"Myfile.h" 
Projeti <í 


#include 
namespace 


= using namespace System; 

using namespace System::ComponentModel ; 
using namespace System::Collections; 
using namespace System::Windows::Forms; 
using namespace System::Data; 

using namespace System::Drawing; 

using namespace System::IO; 

= /// <summary> 

/// Description résumée de MyForm 

ZZZ </summary> 

= public ref class MyForm : public System: :Windows: :Forms: :Form 


MyForm(voia)[ i =. 3] 


protected: 
+1 LL 


Button1(Open) 


if (openFileDialog1->ShowDialog()==System::Windows::Forms::DialogResult::0K) 


{ 
file.file read(openFileDialogi1-»FileName,textBox1); 


} 


5 


YNN يم‎ hi نا‎ bi bei bi bi fr 
» ها ت لك‎ os اا ن‎ f wN فا © دم‎ 0 s OUD WIN |p 


Button2(Save) 


if (saveFileDialog1->ShowDialog()==System::Windows::Forms::DialogResult::0K) 
{ 


String” path =saveFileDialog1->FileName+".txt"; 
file.file write(path,textBox1->Text); 


} 
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نتعلم طريقة استدعاء فورم جديد. 


افتح مشروع جديد وصمم الفورم المقابل . | a! MyForm ose‏ 


أضف الي المشروع فورم جديد بنفس الطريقة , صمم الفورم مثل | — 
open New ' DE‏ 
عد الي الفورم الأول وقم بتضمين الفورم الثاني (صورة 3) (سطر 2( iur ٠‏ 


MyForm1^ form =gcnew MyForm1(); 
form->text = DateTime::Now.ToString(); 


` form-»ShowDialog(); 
a MyForml 


= Projpetl:: Pl ٢ يی‎ 


1 # pragma CFI = 
- 8 #HFainclude "My Formi ebe 
= namespace Projeti d 
+ 

labeli Es — using namespace System 
= using names paca System 
E using names pa = Sy mE aen 
= using namespace System 
سی‎ usi ne nan FIA E Es [Soa ean 


صورة 2 


صورة 3 


public ref class MyForml : public 5 
i 
public: 
String^ text; 
public: 
MyForm1( void) 


On un‏ له 


InitializeComponent(); 
sf 


LA Ma CD 10 نټ‎ 


d 
1 
1 
1 
2 
2 
2 
2 
2 


29/09/2013 20:38:59 
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أتمنى أن يقدم هدا العمل الاضافة الايجابية لكل من يقرأه PTT‏ 
كما أرجو أن يكون محفزا قويا لتعلم الوجهات الرسومية في سي بلس بلس ١١‏ 
وأطلب من القراء الكرام أن لا ينسونا من صالح mene ۲/۸ agile s‏ 


Beginning 


Ivor Horton's 
Ivor Horton 


Visual C++.2010 


APPRENTISSAGE DU LANGAGE C# 2008 
et du Framework .NET 3.5 
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